Animace po křivce
Dovoluje animovat hodnotu vlastnosti po křivce. Například střed elipsy – Center. Tedy vlastnost s hodnotou typu Point (bod). Element animace po křivce má atribut PathGeometry. Kde se pomocí elementu PathGeometry a elementu PathFigure nastavuje cesta pro objekt. Syntaxe elementu animace po křivce je následující: <typ_vlastnosti>AnimationUsingPath. Na Obrázku 5 je ukázka z aplikace pro animaci po křivce.
Obrázek 5 Ukázka z aplikace PointAnimationUsingPath [zdroj: vlastní]
<PointAnimationUsingPath Storyboard.TargetName="elipsa"
Storyboard.TargetProperty="Center"
Duration="0:0:6">
<PointAnimationUsingPath.PathGeometry>
<PathGeometry>
<PathFigure StartPoint="50,50">
<QuadraticBezierSegment Point1="100,300" Point2="300,150" />
<QuadraticBezierSegment Point1="50,65" Point2="300,70" />
</PathFigure>
</PathGeometry>
</PointAnimationUsingPath.PathGeometry>
</PointAnimationUsingPath>
PointAnimationUsingPath – dovoluje animovat bod, pohybující se po křivce
PathGeometry – nastaví křivku po, které se bude pohybovat objekt
Center – střed elipsy
Křivku je zapotřebí nakreslit samostatně.
Ukázkové řešení: Animace/PointAnimationUsingPath